<template>
  <div class="third">
    <div><h1>This is the third page:{{name}}</h1></div>
    <div>
    <nav>
        <router-link class="luyou" :to="{ name: 'one'}">1</router-link>
        <router-link class="luyou" :to="{ name: 'two'}">2</router-link>
      </nav>
    </div>
      <router-view />
  </div>
</template>
<script>
import ImageOne from "/src/components/ImageOne.vue";
export default {
  name: "ThirdView",
   components: {
    ImageOne
  },
  props: ["name"],
};
</script>
<style scoped>
.third{
    color:blue;
}
nav {
    padding: 30px;
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content:center;
}
.luyou{
    color:red;
    font-size: 100px;
    margin:50px;
}
</style>